<!DOCTYPE html>
<html>
<head>
	<title>打卡签到</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/attence.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/icon.css">

	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">
</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<!-- <span class="logo-graphic">A</span> -->
			<i class="fa fa-angle-left"></i>
			<em class="fw-normal">审批列表</em>
		</div>
	</header>
	<div class="top">
		<i class="fa fa-user-circle fa-2x" style="float: left; color: grey;"></i>
		<div class="user_name">小明</div>
		<select name="selectedMonth" class="date">
			<option>2017-04</option>
			<option>2017-03</option>
			<option>2017-02</option>
			<option>2017-01</option>
			<option>2017-12</option>
			<option>2017-11</option>
			<option>2017-10</option>
			<option>2017-09</option>
			<option>2017-08</option>
			<option>2017-07</option>
			<option>2017-06</option>
			<option>2017-05</option>
		</select>
	</div>
	<div class="record">打卡记录时间: 09:30:23</div>
	<div class="punchIn">
		<div class="timeRecorder">
			<div class="verticle-middle">
				<h3>打卡上班</h3>
				<p class="time-now">09:30:23</p>
			</div>
		</div>
	</div>

</body>
</html>